<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Jungleland</title>

<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />

<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->

</head>

<body>

<!-- wrap -->
<div id="wrap">

	<!-- header -->
	<div id="header">			
	
		<a name="top"></a>
		
		<h1 id="logo-text"><a href="index.html" title="">jungleland</a></h1>		
		<p id="slogan">Just Another Styleshout CSS Template... </p>					
		
		<div  id="nav">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li id="current"><a href="style.html">Style Demo</a></li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="archives.html">Archives</a></li>
				<li><a href="index.html">Support</a></li>
				<li><a href="index.html">About</a></li>		
			</ul>		
		</div>		
		
		<p id="rss-feed"><a href="index.html" class="feed">Grab the RSS FEEd</a></p>	
		
		<form id="quick-search" action="index.html" method="get" >
			<p>
			<label for="qsearch">Search:</label>
			<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
			<input class="btn" alt="Search" type="image" name="searchsubmit" title="Search" src="images/search.png" />
			</p>
		</form>	
						
	<!-- /header -->					
	</div>
	
	<!-- content -->
	<div id="content-wrap" class="clear">
	
		<div id="content">		
			
			<!-- main -->
			<div id="main">	
					
				<div class="post">
			
					<h2><a href="index.html">A Blog Post</a></h2>
			
					<p class="post-info">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a></p>
				
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
					Cras id urna. Morbi tincidunt, orci ac <a href="index.html">convallis aliquam</a>, lectus turpis varius lorem, eu 
					posuere nunc justo tempus leo.</p>
			
					<p>
					Donec mattis, purus nec placerat bibendum, <a href="index.html">dui pede condimentum</a> 
					odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra 
					condimentum, lorem tellus eleifend magna, <a href="index.html">eget fringilla velit</a> magna id neque. Curabitur vel urna. 
					In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
					Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
					posuere nunc justo tempus leo.</p>			
				
					<p class="postmeta">		
					<a href="index.html" class="readmore">Read more</a> |
					<a href="index.html" class="comments">Comments (3)</a> |				
					<span class="date">August 20, 2009</span>	
					</p>
			
				</div>			
			
				<h2><a href="index.html">Common XHTML Elements</a></h2>
			
				<h3>Text and Image</h3>
			
				<p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg" width="100" height="120" alt="firefox" class="float-left" /></a>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
				Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
				posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum 
				odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra 
				condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. 
				In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
				Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
				posuere nunc justo tempus leo. 				
				</p>
			
				<p>
        	   A <a href="style.html">link</a>, 
				<acronym title="this really isn't a very good description">acronym</acronym>, 
				<strong>strong text</strong> and 
				<del>deleted text</del>.
        		</p>
			
				<h3>Code</h3>				
				<p><code>
				code-sample { <br />
				font-weight: bold;<br />
				font-style: italic;<br />				
				}		
				</code></p>	
				
				<h3>Example Lists</h3>
			
				<ol>
					<li>Here is an example</li>
					<li>of an ordered list</li>								
				</ol>	
							
				<ul>
					<li>Here is an example</li>
					<li>of an unordered list</li>								
				</ul>			
			
				<dl>
            	<dt>Definition title</dt>
            	<dd>Definition description</dd>
            	<dt>Definition title</dt>
            	<dd>Definition description</dd>
         	</dl>	
			
				<h3>Blockquote</h3>
				
				<blockquote>
				<p>Someone's sitting in the shade today because 
				someone planted a tree a long time ago.</p>
				<p class="align-right"> - Warren Buffett</p>
				</blockquote>		
			
				<h3>Headers</h3>
						
				<h1>H1 Heading</h1>	
				<h2>H2 Heading</h2>		
				<h3>H3 Heading</h3>		
				<h4>H4 Heading</h4>						
				
				<h3>Tabular Data</h3>							
				<table>
					<tr>
						<th>post date</th>
						<th>title</th>
						<th>description</th>
					</tr>
					<tr>
						<td>08.18.2009</td>
						<td>Augue non nibh</td>
						<td>Commodo <a href="index.html">metus</a> vestibulum hdhdh djdjdj djdjdj</td>
					</tr>
					<tr>
						<td>08.18.2009</td>
						<td>Fusce ut diam</td>
						<td>Purus in eget odio in sapien</td>
					</tr>
					<tr>
						<td>08.18.2009</td>
						<td>Augue non nibh</td>
						<td>Adipiscing blandit </td>
					</tr>
					<tr>
						<td>08.18.2009</td>
						<td>Sed vestibulum</td>
						<td>Cras <a href="index.html">lobortis</a> commodo </td>
					</tr>
				</table>
								
				<h3>Contact Form</h3>		
			
				<form action="index.html" method="get" id="contactform">		
								
					<p class="no-border"><strong>Send me a message</strong></p>
			
					<p>
						<label for="subject">Subject</label><br />
         			<select id="subject" name="subject" tabindex="1">
           				<option value="1">Option One</option>
          				<option value="2">Option Two</option>
          	 			<option value="3">Option Three</option>
         			</select>
					</p>	
			
					<p>	
						<label for="name">Your Name</label><br />
						<input id="name" name="name" value="Your Name" type="text" tabindex="2" />
					</p>
			
					<p>
						<label for="email">Your Email Address</label><br />
						<input id="email" name="email" value="Your Email" type="text" tabindex="3" />
					</p>
					
					<p>
						<label for="message">Your Message</label><br />
						<textarea id="message" name="message" rows="10" cols="20" tabindex="4"></textarea>
					</p>	
			
					<p class="no-border">
						<input class="button" type="submit" value="Submit" tabindex="5" />
         			<input class="button" type="reset" value="Reset" tabindex="6" />	
					</p>
					
				</form>							
			
			<!-- /main -->	
			</div>
		
			<!-- sidebar -->
			<div id="sidebar">
							
                <div class="sidemenu">
					<h3>Sidebar Menu</h3>
					<ul>
						<li><a href="index.html">Home</a></li>
						<li><a href="index.html#TemplateInfo">TemplateInfo</a></li>
						<li><a href="style.html">Style Demo</a></li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="archives.html">Archives</a></li>
						<li><a href="http://www.dreamtemplate.com/" title="Web Templates">Web Templates</a></li>
					</ul>
				</div>

				<div class="sidemenu">
					<h3>Sponsors</h3>
					<ul>
						<li><a href="http://www.dreamtemplate.com" title="Website Templates">DreamTemplate</a><span>Over 6,000+ Premium Web Templates</span></li>
						<li><a href="http://www.themelayouts.com" title="WordPress Themes">ThemeLayouts</a><span>Premium WordPress &amp; Joomla Themes</span></li>
						<li><a href="http://www.imhosted.com" title="Website Hosting">ImHosted.com</a><span>Affordable Web Hosting Provider</span></li>
						<li><a href="http://www.dreamstock.com" title="Stock Photos">DreamStock</a><span>Download Amazing Stock Photos</span></li>
						<li><a href="http://www.evrsoft.com" title="Website Builder">Evrsoft</a><span>Website Builder Software &amp; Tools</span></li>
						<li><a href="http://www.webhostingwp.com" title="Web Hosting">Web Hosting</a><span>Top 10 Hosting Reviews</span></li>
					</ul>
				</div>
				
				<h3>Image Gallery </h3>					
				
				<p class="thumbs">
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>	
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>
					<a href="index.html"><img src="images/thumb.jpg" width="40" height="40" alt="thumbnail" /></a>				
				</p>					
				
			<!-- /sidebar -->				
			</div>		
			
		<!-- /content -->	
		</div>				
	<!-- /content-wrap -->	
	</div>	
<!-- /wrap -->
</div>

<!-- footer -->	
<div id="footer">	

	<!-- footer-outer -->	
	<div id="footer-outer" class="clear"><div id="footer-wrap">
	
		<div class="col-a">
				
			<h3>Contact Info</h3>
			
			<p>
			<strong>Phone: </strong>+1234567<br/>
			<strong>Fax: </strong>+123456789
			</p>
			
			<p><strong>Address: </strong>123 Put Your Address Here</p>
				
			<p><strong>E-mail: </strong>me@jungleland.com</p>
			<p>Want more info - go to our <a href="#">contact page</a></p>			
			
			<h3>Follow Us</h3>
			
			<div class="footer-list">
				<ul>				
					<li><a href="index.html" class="rssfeed">RSS Feed</a></li>
					<li><a href="index.html" class="email">Email</a></li>
					<li><a href="index.html" class="twitter">Twitter</a></li>									
				</ul>
			</div>					
				
		</div>
		
		<div class="col-a">			
			
			<h3>Site Links</h3>
			
			<div class="footer-list">
				<ul>				
					<li><a href="index.html">Home</a></li>
					<li><a href="index.html">Style Demo</a></li>
					<li><a href="index.html">Blog</a></li>
					<li><a href="index.html">Archive</a></li>
					<li><a href="index.html">About</a></li>		
					<li><a href="index.html">Template Info</a></li>		
					<li><a href="index.html">Site Map</a></li>					
				</ul>
			</div>					
				
		</div>
		
		<div class="col-a">
		
			<h3>Web Resource</h3>
			
			<p>Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
			posuere nunc justo tempus leo. </p>
			
			<div class="footer-list">
                <ul>
                    <li><a href="http://www.dreamtemplate.com" title="Website Templates">DreamTemplate</a></li>
					<li><a href="http://www.themelayouts.com" title="WordPress Themes">ThemeLayouts</a></li>
					<li><a href="http://www.imhosted.com" title="Website Hosting">ImHosted.com</a></li>
					<li><a href="http://www.dreamstock.com" title="Stock Photos">DreamStock</a></li>
					<li><a href="http://www.evrsoft.com" title="Website Builder">Evrsoft</a></li>
					<li><a href="http://www.webhostingwp.com" title="Web Hosting">Web Hosting</a></li>
				</ul>
			</div>			
				
		</div>		
	
		<div class="col-b">
		
			<h3>About</h3>			
			
			<p>
			<a href="index.html"><img src="images/gravatar.jpg" width="40" height="40" alt="firefox" class="float-left" /></a>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
			Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
			posuere nunc justo tempus leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
			Cras id urna. <a href="index.html">Learn more...</a></p>			
			
		</div>		
		
		<div class="fix"></div>
		
		<!-- footer-bottom -->		
		<div id="footer-bottom">
	
			<div class="bottom-left">
				<p>
				&copy; 2010 <strong>Copyright Info Here</strong>&nbsp; &nbsp; &nbsp;
				<a href="http://www.bluewebtemplates.com/" title="Website Templates">website templates</a> by <a href="http://www.styleshout.com/">styleshout</a> 			
				</p>
			</div>		
	
			<div class="bottom-right">
				<p>		
					<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | 
		   		<a href="http://validator.w3.org/check/referer">XHTML</a>	|			
					<a href="index.html">Home</a> |
					<strong><a href="#top" class="back-to-top">Back to Top</a></strong>								
				</p>
			</div>

		<!-- /footer-bottom -->		
		</div>
	
	<!-- /footer-outer -->		
	</div></div>		

<!-- /footer -->
</div>

</body>
</html>
